<script setup lang="ts">
import BasicInfo from './BasicInfo.vue'
import Security from './Security.vue'
import Social from './Social.vue'
</script>

<template>
  <ProPage>
    <a-row wrap :gutter="16" align="stretch">
      <a-col :xs="24" :sm="24" :md="10" :lg="10" :xl="7" :xxl="7">
        <BasicInfo />
      </a-col>
      <a-col :xs="24" :sm="24" :md="14" :lg="14" :xl="17" :xxl="17">
        <div>
          <Security />
        </div>
        <div style="margin-top: 16px">
          <Social />
        </div>
      </a-col>
    </a-row>
  </ProPage>
</template>

<style lang="less" scoped></style>
